<#define __HOMESTYLER__="{{LAM.HOMESTYLER}}/floorplan" />
<#define __IMAGE__="__HOMESTYLER__/dist/assets" />
<#Block:begin id="header">
<header data-reactroot="" class="">
    <ul class="operates">
        <li class="shejijia"><a href="/"><img src="__IMAGE__/floorplan_icon.128bd3f89662b1b277d48fd313a8ddb7.png"
                                              class="icon"></a></li>
    </ul>
    <ul class="operates middle-left offset-right"></ul>
    <ul class="operates middle-right offset-left">
        <li><!-- react-text: 17 --> <!-- /react-text -->
        <li class="hs-design-info">
            <div class="ddmenu privacy">
                <div class="menu"><img src="__IMAGE__/public.6c5e3030aff7bca9ea60a75e7c4539c6.svg"><span
                        class="currentPrivacyText">Public</span><i class="menu_arr"></i></div>
                <ul class="menus">
                    <li class="cli menu-item selected"><img class="statusicon"
                                                            src="__IMAGE__/public.6c5e3030aff7bca9ea60a75e7c4539c6.svg"><span
                            class="privacy-option">Public</span></li>
                    <li class="cli menu-item"><img class="statusicon"
                                                   src="__IMAGE__/private.8d5b19715876397ae2c2a155b7060d97.svg"><span
                            class="privacy-option">Private</span></li>
                </ul>
            </div>
            <input class="" placeholder="Name of Design" value="" maxlength="21"></li><!-- react-text: 32 -->
        <!-- /react-text --></li>
        <li><!-- react-text: 34 --> <!-- /react-text --><!-- react-empty: 35 --><!-- react-text: 36 -->
            <!-- /react-text --></li>
    </ul>
    <ul class="operates right">
        <li><!-- react-text: 10 --> <!-- /react-text --><span class="switch-language unselectable"><svg
                xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                data-path="plugin/switchlanguage/res/Imgswitchlanguage/earth.svg" version="1.1" width="512" height="512"
                viewBox="0 0 512 512"><g id="icomoon-ignore">
</g>
<path d="M256 0c-141.385 0-256 114.615-256 256s114.615 256 256 256 256-114.615 256-256-114.615-256-256-256zM256 480.001c-31.479 0-61.436-6.506-88.615-18.226l116.574-131.145c2.603-2.929 4.041-6.711 4.041-10.63v-48c0-8.837-7.163-16-16-16-56.495 0-116.102-58.731-116.687-59.313-3-3.001-7.070-4.687-11.313-4.687h-64c-8.836 0-16 7.164-16 16v96c0 6.061 3.424 11.601 8.845 14.311l55.155 27.578v93.943c-58.026-40.478-96-107.716-96-183.832 0-34.357 7.745-66.903 21.569-96h58.431c4.244 0 8.313-1.686 11.314-4.686l64-64c3-3.001 4.686-7.070 4.686-11.314v-38.706c20.281-6.037 41.759-9.294 64-9.294 35.203 0 68.502 8.13 98.141 22.6-2.072 1.751-4.088 3.582-6.023 5.518-18.133 18.132-28.118 42.239-28.118 67.882s9.985 49.75 28.118 67.882c18.217 18.216 42.609 28.132 67.817 28.13 1.583 0 3.171-0.040 4.759-0.118 6.907 25.901 19.376 93.328-4.202 186.167-0.222 0.872-0.348 1.744-0.421 2.612-40.662 41.54-97.35 67.328-160.071 67.328z"></path>
</svg><span>English</span><span class="caret"></span></span><!-- react-text: 15 --> <!-- /react-text --></li>
        <li><!-- react-text: 38 --> <!-- /react-text -->
            <div class="helpdiv">
                <div id="floorplannerHelpbar" class="unselectable">
                    <div class="helpbar">
        <li class="helpitem" data-helpbar-path="toolBar_help">
            <ul class="moreoptions">
                <li class="helpitem">
                    <div class="helptext"><span class="textonly">Interface Introduction</span><span
                            class="hotkey"></span></div>
                </li>
                <li class="bottomline"></li>
                <li class="helpitem">
                    <div class="helptext"><span class="textonly">3D Video Course</span><span class="hotkey"></span>
                    </div>
                </li>
                <li class="bottomline"></li>
                <li class="helpitem">
                    <div class="helptext"><span class="textonly">Help Center</span><span class="hotkey"></span></div>
                </li>
                <li class="helpitem">
                    <div class="helptext"><span class="textonly">About Us</span><span class="hotkey"></span></div>
                </li>
            </ul>
            <img class="helpicon" src="__IMAGE__/help.28a842acd6f1abeea141f3d5423afa10.svg"><span
                class="topLevelLabel">Help</span><i class="menu_arr"></i></li>
        </div></div>
        <div class="gif"></div>
        </div><!-- react-text: 66 --> <!-- /react-text --></li>
        <li><!-- react-text: 68 --> <!-- /react-text -->
            <div class="global-ddmenu user-info"><a class="menu"><img id="userAvatar"
                                                                      src="__IMAGE__/default_avatar.802e2eb03d9094be2410ceadcde88034.svg"><i
                    class="menu_arr"></i></a>
                <div class="global-menu">
                    <div class="user-profile"><span class="user-name">long haohong</span><span class="user-email">947923503@qq.com</span>
                        <div class="user-score"><img class="score-icon"
                                                     src="__IMAGE__/global_score.b7f65e897a1aa73ae1ba99bfd18b63d2.png"><span
                                class="score-text">100</span></div>
                    </div>
                    <div class="item-line-box">
                        <div class="item-line"><img class="item-common-left-icon"
                                                    src="__IMAGE__/global_mydesigns.32c5b6500f686a73f85fa707f9ec7461.png"><span
                                class="item-common-right-txt">My Designs</span></div>
                        <div class="item-line"><img class="item-common-left-icon"
                                                    src="__IMAGE__/global_my_models.de29edc5aedebb1463cc198ad5ddc560.png"><span
                                class="item-common-right-txt">My models</span></div>
                    </div>
                    <div class="setting-logout-box">
                        <div class="item-line-box">
                            <div class="item-line"><img class="item-common-left-icon"
                                                        src="__IMAGE__/global_settings.d98119aab23720c0da162a11fa556ab8.png"><span
                                    class="item-common-right-txt">Account Settings</span></div>
                        </div>
                        <div class="item-line-box">
                            <div class="item-line"><img class="item-common-left-icon"
                                                        src="__IMAGE__/global_signout.4c18801dd0a18ca6c7e841884ceae191.png"><span
                                    class="item-common-right-txt">Log out</span></div>
                        </div>
                    </div>
                </div>
            </div><!-- react-text: 96 --> <!-- /react-text --></li>
    </ul>
</header>
<#Block:end>